<template>
  <div>
    <h3>商品列表</h3>
    <!-- 面包屑导航 -->
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>订单管理</el-breadcrumb-item>
      <el-breadcrumb-item>订单列表</el-breadcrumb-item>
    </el-breadcrumb>
    <el-card>
      <!-- 需要传双向绑定数据+分页数据+是否可以全选数据 -->
      <Select v-model="data" :ccc="queryInfo"> </Select>
      <button @click="btn">点击</button>
    </el-card>
  </div>
</template>

<script>
import Select from '@/components/Select.vue'
export default {
  components: {
    Select
  },
  data() {
    return {
      data: [],
      queryInfo: {
        query: '',
        pagenum: 1,
        pagesize: 5
      }
    }
  },
  methods: {
    btn() {
      console.log(this.data)
    }
  }
}
</script>

<style>
</style>